<script>
	$(function(){
		pageNav.go(${pageNum},${myTopicPage.totalPage});
	});
</script>
<script type="text/javascript">
	function login() {
		var password = $('#password').attr('value');
		
		$('#passwordMD5').attr('value',hex_md5(password));
		
		$('#loginForm').submit();
	}
	
	function searchFromSubmit(categoryId){
		$('#categoryId').attr('value',categoryId);
		
		$('#searchForm').submit();
	}
</script>
<div class="Main">
<div class="left">
<div class="ban"><img src="${basePath}images/ban.jpg" width="590" height="190" /></div>
<!-- 位置start -->
<div class="wz"><span>您所在的位置：<a href="#">乐共享首页</a>-&gt;<a href="#">话题</a></span></div>
<!-- 热点话题start -->
<div class="Hot_ht_list">
<h1><span>热点话题</span></h1>
<ul>
	<#list hotTopicList as hotTopic>
		<li><a href="${basePath}topicChat/index.htm?topicId=${hotTopic.id}">${hotTopic.name}</a></li>
	</#list>
</ul>
</div>
<!-- 热点话题end -->
<!-- 话题列表end -->
<div class="Ht_list">
<form action="${basePath}topic/topicSearch.htm" method="post" name="searchForm" id="searchForm">
<DIV class="tesezhilv">
<h1></h1><span>话题</span>
    <UL class="tesezhilvTab">
      <LI id="tesezhilvTab_10" class="<#if categoryId == "1">tesezhilvTabOn<#else>tesezhilvTabOff</#if>" onclick="searchFromSubmit(1);">时事财经</LI>
      <LI id="tesezhilvTab_11" class="<#if categoryId == "2">tesezhilvTabOn<#else>tesezhilvTabOff</#if>" onclick="searchFromSubmit(2);">休闲娱乐</LI>
      <LI id="tesezhilvTab_12" class="<#if categoryId == "3">tesezhilvTabOn<#else>tesezhilvTabOff</#if>" onclick="searchFromSubmit(3);">商界论道</LI>
      <LI id="tesezhilvTab_13" class="<#if categoryId == "4">tesezhilvTabOn<#else>tesezhilvTabOff</#if>" onclick="searchFromSubmit(4);">情感生活</LI>
    </UL>
    <DIV id="tesezhilvCon_10" class="tesezhilvSmall">
    <ol>
    <#list topicPageOfCategory.rows as topicOfCategory>
    	<li>
    		<dl>
	    		<dt><a href="${basePath}topicChat/index.htm?topicId=${hotTopic.id}"><img src="${basePath}${topicOfCategory.topicImage}" width="124" height="116" /></a></dt>
	    		<dd><a href="${basePath}topicChat/index.htm?topicId=${hotTopic.id}" class="list_text">${topicOfCategory.name}</a></dd>
	    		<dd>房间人数：66/100</dd>
    		</dl>
    	</li>
    </#list>
    <li><dl>
    <dt><a href="ht_cont.html"><img src="${basePath}images/img1.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    <li><dl>
      <dt><a href="#"><img src="${basePath}images/img2.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    <li><dl>
      <dt><a href="#"><img src="${basePath}images/img3.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    <li class="jk"><dl>
      <dt><a href="#"><img src="${basePath}images/img4.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    <li><dl><dt><a href="#"><img src="${basePath}images/img1.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    <li><dl>
      <dt><a href="#"><img src="${basePath}images/img2.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    <li><dl>
      <dt><a href="#"><img src="${basePath}images/img3.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    <li class="jk"><dl>
      <dt><a href="#"><img src="${basePath}images/img4.jpg" width="124" height="116" /></a></dt><dd><a href="#" class="list_text">冬天的小太阳</a></dd><dd>房间人数：66/100</dd></dl></li>
    </ol>
    </DIV>
</DIV>
<#if (myTopicPage.total > 0)>
	<div class="page-nav" id="pageNav"></div>
<#else>
	<div class="page-nav">暂无记录</div>
</#if>
<input type="hidden" name="page" id="page" />
<input type="hidden" name="categoryId" id="categoryId" />
</form>
</div>
<!-- 话题列表end -->
</div>
<div class="right">
<!-- 登录/注册 -->
<!--<div class="Reg"><ul>
<li><a href="#"><img src="images/regbut1.jpg" width="182" height="54" /></a></li>
<li><input name="" type="text" class="te1" /></li>
<li><input name="" type="password" class="te1"  /></li>
<li><input name="" type="checkbox" value="" />下次自动登录<span><a href="#">忘记密码</a></span></li>
<li class="Reg_but"><input name="" type="button" /></li>
</ul></div>-->
<div class="Reg2">
<ol>
<li class="lk"><dl><dt><img src="${basePath}images/yh3.jpg" width="47" height="47" /></dt><dd class="aa">aichenshow</dd><dd><img src="${basePath}images/djimg.jpg" width="36" height="15" /></dd><dd>湖南，长沙</dd>
</dl></li>
<li><a href="#">我的话题</a></li><li><a href="#">我的圈子</a></li><li><a href="#">我的乐友</a></li>
</ol>
</div>
<!-- 热门话题排行榜 -->
<div class="hot_ht">
<h1><span>热门话题排行榜</span></h1>
<ol>
<li><a href="#"><img src="${basePath}images/yh1.jpg" width="47" height="47" /></a><a href="#">叶思睿</a></li>
<li><a href="#"><img src="${basePath}images/yh2.jpg" width="47" height="47" /></a><a href="#">叶思睿</a></li>
<li><a href="#"><img src="${basePath}images/yh3.jpg" width="47" height="47" /></a><a href="#">叶思睿</a></li>
<li><a href="#"><img src="${basePath}images/yh1.jpg" width="47" height="47" /></a><a href="#">叶思睿</a></li>
<li><a href="#"><img src="${basePath}images/yh2.jpg" width="47" height="47" /></a><a href="#">叶思睿</a></li>
<li><a href="#"><img src="${basePath}images/yh3.jpg" width="47" height="47" /></a><a href="#">叶思睿</a></li>
<li><a href="#"><img src="${basePath}images/yh1.jpg" width="47" height="47" /></a><a href="#">叶思睿</a></li>
</ol>
</div>
</div></div>